<!DOCTYPE html>
<html>
<head>
<title>流水列表</title>
<#include "/header.html">
	<link type="text/css" rel="stylesheet" href="${request.contextPath}/statics/plugins/layui/css/layui.css">

</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList">
		<div class="grid-btn">
			<input type="text"  class=" col-sm-1 form-control" id="startTime" style="width: 12%;margin-right: 8px"
				   placeholder="请选择开始日期" readonly>

			<input type="text"  class=" col-sm-1 form-control" id="endTime" style="width: 12%"
				   placeholder="请选择结束日期" readonly>

			<div class="form-group col-sm-1" style="width: 12%">
				<input type="text" class="form-control" v-model="q.username" @keyup.enter="query" placeholder="请输入姓名">
			</div>
			<div class="form-group col-sm-1" style="width: 12%">
				<input type="text" class="form-control" v-model="q.phone" @keyup.enter="query" placeholder="请输入手机号码">
			</div>
			<div class="form-group col-sm-1" style="width: 12%">
				<select class="form-control" v-model="q.incomeType" >
					<option v-for="t in this.incomeTypes" :value="t.incomeType">{{t.incomeName}}</option>
				</select>
			</div>
			<a class="btn btn-default" @click="query">查询</a>
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>


</div>

<script src="${request.contextPath}/statics/js/modules/currentcount/currentcount.js?_${.now?long}"></script>
<script src="${request.contextPath}/statics/plugins/layui/layui.js"></script>
<script type="text/javascript">
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //常规用法
        var startTime= laydate.render({
            elem: '#startTime',
            format: 'yyyy-MM-dd',
            done:function (value,date) {
                if(value!=''){
                    date.month=date.month-1;
                    endTime.config.min=date;
                    endTime.value=value;
                    vm.q.startTime=value;
                }
            }

        });
        var endTime=laydate.render({
            elem: '#endTime',
            format: 'yyyy-MM-dd',
            done:function (value,date) {
                if(value!=''){
                    date.month=date.month-1;
                    startTime.config.max=date;
                    vm.q.endTime=value;
                }
            }
        });

    });
</script>
</body>
</html>